/* 导航 */
@media (max-width: 768px){
.product_detail .img {
overflow: hidden;
}
}
.navbar{min-height: auto;}
.navbar-pull-all{overflow:hidden;width:1140px;margin:auto; padding: 15px 0;display:none}
.header-right { font-size: 30px; }
.navbar-header{width:100%;margin:auto;float:none;}
.navbar-full {width:100%; height: 110px;
position: fixed;
background: rgba(255,255,255,.7);
transition: all 0.5s;
}
.navbar-full:hover{background: #FFF;transition: all 0.5s;}
.nav-flex{display: flex;flex-direction: row; width:1200px;margin:auto;}
.navbar-full .collapse { margin:0 auto; width: auto;flex: 1;}
.phone-icon{font-size: 28px;color:#009fe9;display: flex;margin-top: 20px;}
.phone-right{line-height:160%;font-size: 22px;}
.phone-icon i {
display: block;
border: 3px solid;
border-radius: 100%;
height: 50px;
width: 50px;
text-align: center;
line-height: 44px;
margin-top: 10px;
margin-right: 10px;
}
.phone-icon h4{
margin: 0;
font-weight: normal;
margin-top: 10px;
margin-bottom: 5px;
}
.navbar-brand { padding: 29px 15px; height: auto; }
nav.navbar.bootsnav { border: none;}
.navbar-nav { float: normal; margin-top: 30px;}
.logo-img{height:80px;margin-top: 15px;}
nav.navbar.bootsnav ul.nav > li > a { color: #000; text-transform: uppercase; padding: 15px; font-size:16px; font-weight:normal; }
nav.navbar.bootsnav ul.nav > li:hover { background: #009fe9;color:#FFF }
nav.navbar.bootsnav ul.nav > li:hover a {color:#FFF }
nav.navbar.bootsnav ul.nav > li a:hover { color:#FFF }
.nav > li:after { content: ""; width: 0; height: 5px; background: none !important; position: absolute; bottom: 0; left: 0; transition: all 0.5s ease 0s; }
.nav > li:hover:after { width: 100%; }
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after { content: "\f105"; font-family: 'FontAwesome'; font-size: 16px; font-weight: 500; position: absolute; top: 28%; right: 0; transition: all 0.4s ease 0s; transform: rotate(90deg); }
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after { content: "\f105"; transform: rotate(270deg); }
.dropdown-menu.multi-dropdown { position: absolute; left: -100% !important; }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu { box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); border: none;background: rgba(0,0,0,.6); }
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a{border-bottom:1px solid rgba(250,250,250,.1);;color: #FFF;text-align:center}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu > li > a:hover{background: #009fe9;color: #FFF;}
@media only screen and (max-width:990px) {
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after, nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after { content: " "; }
.dropdown-menu.multi-dropdown { left: 0 !important; }
nav.navbar.bootsnav ul.nav > li:hover { background: transparent; }
nav.navbar.bootsnav ul.nav > li > a { margin: 0; }
}
/* è½®æ’ */
.ibanner .img { height: 800px; background-size: cover; background-position: center; } /* 高度 */
.ibanner .img.ryimg { height: 400px; background-size: cover; background-position: center; }
.ibanner .slick-arrow{font-size:60px; position:absolute; top:50%; z-index:2; height:58px; margin-top:-29px; line-height:58px; width:80px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); opacity:0; border-radius:50%; cursor:pointer;}
.ibanner .slick-prev{ left:30px;}
.ibanner .slick-next{ right:30px;}
.ibanner:hover .slick-arrow{ opacity:1;}
.ibanner .slick-dots{ position:absolute; margin-left:-15px; left:50%; bottom:28px;}
.ibanner .slick-dots li{ float:left; margin:0 6px;}
.ibanner .slick-dots li button{ display:block; border:none; padding:0px; width:32px; height:7px; text-indent:-99px; overflow:hidden; background:rgba(255,255,255,0.5); box-shadow:0 0 5px rgba(0,0,0,0.3); box-sizing:border-box; border:none;}
.ibanner .slick-dots li.slick-active button{ background:rgba(255,255,255,1);}
.ibanner .swiper-pagination{ bottom:28px;}
.ibanner .swiper-pagination-bullet{ width:15px; height:15px; border-radius:15px; background:rgba(255,255,255,0.5); box-shadow: 0 0 5px rgba(0,0,0,0.3); opacity:1;}
.ibanner .swiper-pagination-bullet-active{ background:rgba(0,75,189,1);}
.ibanner .slick-arrow i { font-size: 50px; }
/* 内页 */
.page-body { margin: 20px auto 50px; }
.page-l-tit { padding: 10px 0 10px 60px; background: rgb(52, 129, 221) url(../images_public/page_tb_01.png) 3px 7px no-repeat; color: #fff; }
.page-l-tit h3 { margin-top: 0; margin-bottom: 5px; }
.page-l-tit p { font-size: 12px; margin-bottom: 0; }
.page-l-clist { border: 1px solid #ddd; border-top:none;}
.page-l-clist ul { padding:15px; }
.page-l-clist li { height: 40px; line-height: 40px; text-align: center; font-size: 14px; border-bottom: 1px solid #ddd;z-index:1 }
.page-l-clist li a:hover { display: inline-block; width: 100%; height: 40px; color: #fff; background: #3481dd; }
.page-body .sec-tit { margin-top: 15px; }
.left-news li { border-bottom:1px dotted #ccc;}
.left-news li h5 { line-height:14px; text-align:left;}
.sec-tit { border-bottom: 1px solid #e5e5e5; height: 35px; line-height: 35px; }
.sec-tit h2 { float: left; margin-top: 0; margin-bottom: 0; height: 35px; line-height: 35px; font-weight: bold; font-size: 14px; color: #3481dd; border-bottom: 3px solid #ffae00; }
.sec-tit span { font-size: 18px; color: #e5e5e5; margin-left: 10px; }
.sec-tit h5 { float: right; margin-top: 12px; margin-bottom: 0; }
.sec-tit h5 i { margin-left: 5px; width: 14px; height: 14px; border-radius: 14px; background: #3481dd; color: #fff; text-align: center; display: inline-block; font-style:normal; line-height:11px;}
.sec-tit h5 a { display: inline-block; padding: 2px 3px; border-radius: 3px; }
.sec-tit h5 a:hover { background: #F3BA15; color: #fff; }
.sec-tit h5 a:hover i { background: transparent; background:none !important; }
.crumbs-item { line-height: 32px; border-bottom: 3px double #d7dbdf; overflow:hidden; margin-bottom:10px;}
.page-content { font-size: 14px; padding-top: 15px; padding-bottom: 15px; }
.page-content img {/*max-width:100% !important;*/ height:auto !important;}
.page-detail img {width: auto !important;}
.page-plist { margin-top: 15px; }
.page-plist > div { margin-bottom: 10px; }
.page-plist > div h5 { text-align: center; }
.page-alist { margin-top: 15px; }
.page-alist .col-md-4 { padding:0 10px;}
.page-alist .col-md-4 h5 { height:15px; line-height:15px; overflow:hidden; float:left;display:block; width:100%;}
.page-alist li { clear:both; overflow:hidden; padding-bottom: 15px; padding-top: 15px; border-bottom: 1px dotted #ddd; }
.page-alist .page-adate { float: left; width: 60px; text-align: center; color: #FFF; margin-right: 15px; background: #009fe9; }
.page-alist .page-adate h3 { font-weight: bold; margin-top: 8px; margin-bottom: 0; }
.page-alist .page-adate p { margin-bottom: 5px; }
.page-alist .page-atit p { font-size: 12px; color: #999; margin-bottom: 0; }
.page-alist .page-atit a { color: #333; }
.page-alist .page-atit a:hover { color: #3481dd; }
.page-con-tit { border-bottom: 1px dotted #ddd; margin-bottom: 15px; }
.page-con-tit h3 { text-align: center; }
.page-con-tit .haiofn { text-align: center; color: #999; line-height:28px;font-size:12px;}
.page-con-tit .haiofn .bdsharebuttonbox { float:right;}
.page-con-tit .haiofn span{ text-align: center; color: #999; padding-left:10px; }
.page-summary { border: 1px solid #ddd; border-radius: 4px; background: #f7f7f7; padding: 15px; margin-bottom: 15px; color: #666; }
.page-detail { padding:10px 0; font-size:14px; line-height:26px;}
.page-detail img { max-width:100% !important; height:auto !important;}
.tags { clear:both; padding:10px 0; border-top:1px dotted #ccc;border-bottom:1px dotted #ccc; margin:10px 0;}
.tags a { margin:0 1%; display:inline-block; padding:0 0.5%; color:#337ab7;}
/* 页尾 */
footer { background: #333; color: #ccc; }
footer a { color: #ccc; }
.footer-copyright { padding: 15px; }
/* 返回顶部 */
.gototop{width:40px;height:40px;z-index:9999999999; position: fixed; bottom: 60px; right: 15px;}
.gototop:hover{background-position:-503px -42px;-webkit-transition:0.5s;}
.gototop i { font-size: 36px; }
@media (min-width: 1200px) {
.mobile-footer { display: none; }
}
@media (max-width: 992px){
body.side-right{overflow: hidden;}
body nav.navbar.bootsnav .navbar-toggle{margin-right: 0;}
body.side-right nav.navbar.bootsnav .navbar-toggle{float: right !important; margin-top: 12px; margin-right: 15px;}
nav.navbar.bootsnav.navbar-mobile ul.nav,body nav.navbar.bootsnav .navbar-nav > li > a{border-top: none;}
body nav.navbar.bootsnav .navbar-toggle { margin-top: 12px; margin-right: 15px; padding: 0 8px; border: 1px solid #666;}
body.side-right > .wrapper{margin:0 !important;}
body nav.navbar.bootsnav.navbar-mobile .navbar-collapse{width: 100%;height:auto !important;left: 0;top:-100%;}
body nav.navbar.bootsnav.navbar-mobile .navbar-collapse{max-height:340px;}
body nav.navbar.bootsnav.navbar-mobile .navbar-collapse.in{top:0;}
body nav.navbar.bootsnav.navbar-mobile ul.nav{width: 100%; margin:0;padding: 0;}
body nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu{padding: 0 !important;}
}
@media (max-width:768px) {
/* 导航 */
nav.navbar.bootsnav.navbar-mobile .navbar-collapse {position: absolute;top: 0;}
.navbar-pull-all { width: 80%; padding-top: 0; height: 50px; margin: 15px 0 0 15px;display: block; }
.navbar-pull-all .xs-logo img { height: 40px; }
nav.navbar.bootsnav ul.nav > li > a { color:#000}
.navbar-pull-all img{height: 50px;}
.navbar-full{height:auto;}
.phone-icon{display:none;}
.logo-img{display: none;}
.navbar-full .collapse { flex: none;}
.navbar-full-c{width:100%}
.navbar-full .collapse{width:100%;}
.navbar li ul li a{padding: 15px 25px;font-size: 16px;border-bottom:solid 1px #e0e0e0;display:block; color:#333}
nav.navbar.bootsnav ul.nav > li:hover a {
color: #333;
}
nav.navbar.bootsnav ul.nav > li a:hover {
color: #333;
}
nav.navbar.bootsnav ul.nav > li.dropdown > li{line-height: 50px; color:#333}
/* è½®æ’ */
.ibanner .img { height: 220px; }
.ibanner .img.ryimg { height: 120px; }
/* 手机端底部导航 */
.mobile-footer { display: block; background: #303030; display: flex; width: 100%; height: 50px; position: fixed; z-index: 999; bottom: 0; left: 0; }
.mobile-footer a { flex: 1; color: #fff; text-align: center; }
.mobile-footer a i { font-size: 22px; padding: 4px 0; }
.mobile-footer a h5 { margin: 0; }
/* 手机端走马ç¯å¤„ç† */
.swiper .ar_1 { width: auto; }
}
.walking .ar_1{
position:relative
}
.walking .ar_1 span {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: rgba(0, 0, 0, .4);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
display: block;
padding: 15px;
color: #FFF;
font-size: 16px;
transition: all 0.5s;
letter-spacing: 1px;
text-align:center;
}
.walking .ar_1:hover span {
bottom: -80px;
}
/* åº•éƒ¨æ ·å¼ */
.bottom{min-width:1200px; background:#343434;padding-bottom: 30px;}
.link{width:1200px; margin:auto; border-bottom:1px solid #444; padding:18px 0;}
.link:after {clear:both;content:'.';display:block;width:0;height:0;visibility:hidden;}
.link a{color:#999; font-size:16px; float:left; margin:0; margin-right:10px;}
.link ul li a{color:#999;}
.link a:hover{color:#FFF; text-decoration:underline;}
.middle{width:1200px; height:auto; margin:auto;}
.contact{font-size:16px; height:auto; margin-top:20px; overflow:hidden;}
.contact-flex{flex:1}
.contact h3{color:#FFF; font-size:18px; text-align:left;}
.contact h4{color:#FFF; font-size:16px; text-align:left; height:28px;font-weight: normal;}
.contact ul{float:left; text-align:left; margin-right:50px;}
.contact ul li{line-height:220%;color:#999;}
.contact2 ul li {float: left;width: 50%;}
.contact2 ul li a{color:#999;}
.contact2 ul li a:hover{color:#FFF; text-decoration:underline;}
.focus{height:auto;overflow:hidden; margin-top:20px; font-size:14px;}
.focus h4{color:#FFF; text-align:right;font-size:16px;}
.focus .focus-img{width:150px; height:auto; color:#999; text-align:center; margin-left:40px;}
.focus .focus-img img{width: auto;height: 150px;margin: auto;margin-bottom: 5px;display: block;}
.copyright{min-width:1200px; height:auto; background:#1d1d1d;color:#999; font-size:16px; text-align:center; line-height:200%; padding:18px 0;}
.flex{display: flex;flex-direction: row;}
.focus-img1 {height:auto; color:#999; text-align:center;}
.focus-img1 img{width: 140px;height: 140px;margin-bottom: 5px;display: block;}
@media (max-width: 768px) {
.bottom {
width: 100%;
min-width: 100%;
padding-bottom: 10px;
}
.link {
width: 100%;
}
.middle {
width: 100%;
padding: 0 15px;
}
.contact {
display: none;
}
.contact.contact3 {
display: block;
width: 100%;
font-size: 14px;
margin-top: 5px;
}
.contact h4 {
height: auto;
}
.copyright {
min-width: 100%;
padding-bottom: 45px;
height: auto;
padding-top: 10px;
font-size: 14px;
padding: 5px 5px 45px 5px;
line-height: 180%;
}
.contact ul {
margin-right: 0px;
}
}
/* 左侧导航 */
.sec-tit {
background:#009fe9;
height: 48px;
padding: 0 15px;
border-top-right-radius: 8px;
border-top-left-radius: 8px;
}
.sec-tit h2 {
float: left;
margin-top: 0;
margin-bottom: 0;
height: 48px;
line-height: 48px;
font-weight: normal;
font-size: 16px;
color: #FFF;
border-bottom: none;
}
.sec-tit h5 {
margin-top: 15px;
color: #FFF
}
.sec-tit h5 i {
background:#009fe9;
top: -1px;
position: relative;
}
.page-l-clist li a:hover {
background: #009fe9;
}
.page-l-clist li {
margin-bottom: 5px;
border-bottom: none;
background: #f3f3f3;
}
.page-l-clist li:hover {
background: #009fe9;
}
.page-l-clist li:hover a {
color: #FFF
}
.page-l-clist li .layer2 {
background: #FFF;
}
.page-l-clist li:hover .layer2 li a{
color: #333
}
.page-l-clist li:hover .layer2 li:hover a{
color: #FFF
}
.left-news {
border: 1px solid #ddd;
border-top: none;
overflow: hidden;
padding: 0 15px;
padding-bottom: 15px;
}
.sec-marquee-c{
border: 1px solid #ddd;
border-top: none;
overflow: hidden;
padding: 0 15px;
padding-bottom: 15px;
}
.gengduo a {
display: table;
color: #000;
padding: 8px 30px;
margin: 30px auto;
font-size: 14px;
border-radius: 30px;
background: #009fe9;
color: #FFF;
}
.gengduo a:hover {
background: #D66800;
}
.list-box {
width: 1200px;
margin: auto;
}
.new-box {
min-width: 1200px;
background: #f2fafe;
overflow: hidden;
margin: 20px 0;
}
.case-list {
overflow: hidden;
width: 100%;
}
.case-list ul li {
width: 290px;
overflow: hidden;
margin: 5px;
height: 240px;
float: left;
list-style: none;
position: relative;
}
.case-list ul li img {
height:100%;
min-width: 100%;
width:auto;
display: block;
margin: auto;
transition: all 0.6s;
}
.case-list ul li:hover img {
transform: scale(1.2);
}
.case-list ul li span {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background: rgba(0, 0, 0, .4);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
display: block;
padding: 10px;
color: #FFF;
font-size: 16px;
transition: all 0.5s;
letter-spacing: 1px;
text-align:center
}
.case-list ul li:hover span {
bottom: -80px;
}
.case-list2 ul li:first-child {
width: 520px;
height: 494px;
margin: 0;
}
.case-list2 ul li {
width: 330px;
height: 242px;
margin: 0;
float: left;
margin-left: 10px;
margin-bottom: 10px;
}
.advantage-flex {
display: flex;
flex-direction: row;
}
.advantage-flex img {
height: 300px;
}
.advantage {
width: 1200px;
margin: auto;
}
.advantage-left {
flex: 1;
margin-right: 60px;
}
.advantage-right {
margin-right: 0;
margin-left: 60px;
}
.advantage-left h3 {
color: #000;
display: block;
font-size: 26px;
color: #d40402;
padding: 8px 0;
display: flex;
align-items: center;
border-bottom: 1px dashed #CCC;
margin: auto;
}
.advantage-left h4 {
text-align: center;
font-size: 26px;
color: #333;
margin-top: 10px;
}
.advantage-introduce {
/* border-top: 1px dashed #d40402; */
margin-top: 3px;
/* padding-top: 30px; */
}
.advantage-left h3 span {
background: #f3f3f3;
font-style: normal;
color: #333;
width: 60px;
line-height: 60px;
text-align: center;
border-radius: 8px;
font-family: Impact;
font-size: 36px;
margin-right: 20px;
margin: auto;
}
.advantage-left {
font-size: 16px;
line-height: 250%;
color: #999;
}
/* 关于我们 */
.about {
width: 1200px;
margin: auto;
display: flex;
flex-direction: row;
padding-top: 50px;
overflow: hidden;
padding-bottom: 60px;
}
.about-left
{
width: 50%;
line-height: 200%;
padding-right: 50px
}
.about-left h2 {
font-size: 32px;
letter-spacing: 1px;
margin-bottom: 15px;
color: #009fe9;
font-weight: bold;
}
.about-left h3 {
font-size: 26px;
margin-bottom: 10px;
letter-spacing: 3px;
border-bottom: 2px solid #009fe9;
padding-bottom: 20px;
color: #009fe9;
font-weight: bold;
}
.about-left h4 {
font-size: 24px;
letter-spacing: 3px;
margin-top: 20px;
font-weight: normal;
}
.about-left h3 span {
float: right;
font-size: 14px;
}
.about-left h3 span a {
color: #FFF;
}
.about-left img {
margin-top: 30px;
}
.about-img {
width: 50%;
position: relative;
}
.about-img img {
width: 100%;
margin-top: 40px;
}
/* .about-img::after {
content: "";
display: block;
width: 496px;
height: 641px;
border: 1px solid rgba(255, 255, 255, .5);
left: 13px;
top: -12px;
position: absolute;
} */
/* æ–°é—»ä¸å¿ƒ */
.new-list {
width: 1200px;
margin: auto;
background: #F5F5F5;
height: 320px;
}
.new-list ul li {
width: 23%;
margin: 0 1%;
list-style: none;
float: left;
padding: 10px;
background: #FFF;
box-sizing: border-box;
border-radius: 5px;
height: auto;
transition: all 0.5s;
}
.new-list ul li:hover {
box-shadow: 0px 3px 10px rgba(0, 0, 0, .2);
transform: scale(1.12);
}
.new-list-img {
width: 100%;
height: 160px;
overflow: hidden;
}
.new-list-img img {
display: block;
width: auto;
height: 100%;
margin: auto;
}
.new-list ul {
display: inline;
}
.new-list ul li a .news_title {
color: #333;
font-size: 16px;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: inline-block;
margin-top: 10px
}
.new-list ul li a .news_time {
color: #CCC;
font-size: 14px;
}
.new-list ul li a .news_introduction {
font-size: 14px;
color: #999;
line-height: 180%;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
word-break: break-all;
}
.new-title {
text-align: center;
padding: 30px 0;
}
.new-title h3 {
font-size: 28px;
letter-spacing: 3px;
color: #009fe9;
margin-bottom: 20px;
font-weight:bold
}
.new-title h4 {
font-size: 18px;
font-weight: normal;
color: #999;
background: url("../images/ttline.png") no-repeat center center;
}
.new-title h4 b{
font-size: 32px;
letter-spacing: 3px;
color: #005099;
font-weight: bold;
font-style:oblique
}
.new-title h4 b span{
font-size: 42px;
color:#ff8c3c;
}
.new-title2 h3 {
color: #FFF;
margin-top: 40px;
}
.new-title2 h4 {
color: #FFF;
}
.power {
background: url("./banner1.jpg") no-repeat;
height: 806px;
width: 100%;
background-size: 100% 100%;
overflow: hidden;
}
.about-but {
overflow: hidden;
padding-bottom: 10px;
}
.about-but a.about-but2 {
background: #026daf;
color: #FFF;
}
.about-but a {
padding: 8px 30px;
margin-right: 10px;
border-radius: 5px;
font-size: 14px;
color: #333;
background: #CCC;
}
.about-but a:hover {
background: #2cafe7;
color: #FFF;
}
.jiesao {
margin: auto;
width: 1200px;
padding: 35px 0;
padding-top: 0;
overflow: hidden;
}
.jiesao ul li {
list-style: none;
float: left;
width: 24%;
text-align: center;
cursor: pointer;
padding-bottom:30px;
border-radius: 5px;
margin: 0 0.5%;
transition: all 0.6s;
}
.jiesao ul li:hover{
box-shadow:0px 3px 10px rgba(0,0,0,.1);
}
.jiesao ul li h3 {
font-size: 18px;
transition: all 0.6s;
font-weight: normal;
line-height: 16px;
margin: 0;
margin-bottom: 20px;
color:#009fe9
}
.jiesao ul li p{
line-height:200%;
font-size: 14px;
padding: 0 10px;
transition: all 0.6s;
}
.jiesao ul li .icon{
font-size:70px;
color: #009fe9;
transition: all 0.6s;
}
.jiesao ul li img {
transition: all 0.6s;
display: block;
margin: auto;
}
.jiesao ul li:hover .icon {
color:#D66800
}
.jiesao ul li:hover {
color:#D66800
}
.jiesao ul li:hover h3 {
color:#D66800
}
.jiesao ul li:hover img {
transform: rotate(360deg);
}
@media screen and (max-width: 700px) {
.list-box {
width: 100%;
}
.about-left {
padding-right: 0px;
}
.new-title h4 {
font-size: 14px;
}
.new-box {
width: 100%;
min-width: 100%;
}
.case-list ul li {
width: 48%;
margin: 1%;
height: 140px;
}
.case-list ul li span {
font-size: 12px;
}
.case-list2 ul li:first-child {
display: none
}
.new-box {
min-width: 100%;
padding-bottom: 20px;
}
.new-list {
width: 100%;
height: auto;
overflow: hidden;
}
.new-list ul li {
width: 48%;
margin-bottom: 10px
}
.new-list-img {
height: 120px;
}
.new-list ul li a .news_introduction {
-webkit-line-clamp: 2;
font-size: 12px;
}
/* 关于我们 */
.about {
width: 100%;
display: block;
padding: 10px;
box-sizing: border-box;
}
.about-left {
width: 100%;
}
.about-img {
width: 100%;
}
.advantage {
width: 100%;
}
.advantage-left {
margin: 0 10px;
}
.advantage-flex {
display: block;
width: 100%;
}
.advantage-flex img {
width: 100%;
display: none;
}
.power {
height: auto;
overflow: hidden;
padding-bottom: 20px;
}
}
.anli {
width: 1220px;
margin: auto;
overflow: hidden;
}
.fn {
margin-top: 40px;
}
.fn li {
position: relative;
width: 285px;
height: 380px;
overflow: hidden;
float: left;
margin-left: 20px;
border-radius: 5px;
overflow: hidden;
}
.fn li img {
width: 100%;
height: 100%;
transition: all 0.6s;
}
.fn li:hover img {
transform: scale(1.1);
}
.fn_title {
position: absolute;
left: 50%;
top: 50%;
width: 214px;
height: 44px;
margin-top: -22px;
margin-left: -107px;
color: #FFF;
background: rgba(0, 0, 0, .5);
line-height: 44px;
text-align: center;
font-size: 16px;
letter-spacing: 2px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: inline-block;
}
.fn_img {
color: #FFF;
background: rgba(0, 0, 0, .5);
position: absolute;
top: 0;
padding: 0 15px;
line-height: 180%;
font-size: 14px;
display: none;
}
.fn_img p {
padding-bottom: 15px;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
/*显示行数*/
-webkit-box-orient: vertical;
word-break: break-all;
}
.fn_img h3 {
border-bottom: 1px solid #FFF;
font-size: 18px;
padding: 15px 0;
text-align: center;
letter-spacing: 2px;
margin-bottom: 10px;
}
/* 产å“ä¸å¿ƒ*/
.product {
width: 100%;
margin: auto;
overflow: hidden;
display: flex;
flex-direction: row;
/* height: 820px; */
}
.product-nav {
width: 280px;
margin-right: 5px;
/* height: 820px; */
}
.product-list {
flex: 1;
}
.product-list .case-list ul li {
margin: 0;
margin-bottom: 10px;
margin-left: 15px;
}
.product-nav h3 {
margin:0;
color: #FFF;
background: url(../images/proth1.png) no-repeat center right 20px #009fe9;
height: 50px;
padding-left: 15px;
line-height:50px;
font-size: 18px;
font-weight: normal;
}
.product-nav ul {
background: #FFF;
padding-top: 15px;
border: 2px solid #009fe9;
border-top: none;
height: 543px;
overflow: auto;
/* border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px; */
}
.product-nav ul li a {
margin: 0 10px;
margin-bottom: 7px;
border-radius: 5px;
background: #eeeeee;
text-align: center;
line-height: 36px;
font-size: 14px;
color: #333333;
display: block;
transition: all 0.5s;
}
.product-nav ul li a:hover {
background: #009fe9;
transition: all 0.5s;
color: #FFF;
}
.power h2 {
font-size: 36px;
color: #FFF;
margin-bottom: 20px;
}
.power h3 {
font-weight: normal;
color: #FFF;
}
.power {
color: #FFF;
}
.new-box-img {
overflow: hidden;
background: url("../images/tu1.jpg") no-repeat;
background-size: cover;
background-position: center;
margin-bottom: 30px;
}
.youshi {
display: flex;
flex-direction: row;
margin-bottom: 50px;
}
.profldh {
width: 100%;
height: 148px;
background: url(../images/profldh.png) no-repeat center #009fe9;
text-align: center;
background-size: 100% 100%;
overflow: hidden;
}
.profldh h2 {
background: url(../images/profldh1.png) no-repeat 70px center ;
font-size: 18px;
color: #ffffff;
font-weight: normal;
line-height: 36px;
text-align: left;
padding-left: 122px;
margin-top: 20px;
margin-bottom: 5px;
}
.profldh h4 {
font-size: 30px;
color: #ffffff;
font-weight: bold;
background: none;
line-height: 30px;
font-family: "Arial";
margin-top: 10px;
}
.profldh h5 {
font-size: 14px;
color: #ffffff;
font-weight: normal;
line-height: 14px;
margin-top: 10px;
}
.youshi-text {
flex: 1;
padding-top: 50px;
}
.youshi-number {
width: 50px;
height: 50px;
background: #ff8c3c;
color: #fff;
font-size: 26px;
font-weight: bold;
padding-top: 6px;
box-sizing: border-box;
text-align: center;
border-radius: 100%;
}
.youshi-number span {
display: block;
width: 30px;
height: 0px;
border: 2px solid #fff;
margin: 3px auto;
}
.youshi-flex {
display: flex;
flex-direction: row;
margin-bottom: 30px;
}
.youshi-flex h1 {
font-size: 20px;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px dashed #888888;
padding-bottom: 20px;
margin-bottom: 12px;
margin-top: 10px;
text-align:left;
}
.youshi-flex h1 b {
font-size: 26px;
color: #024397;
}
.youshi-flex h1 span {
color: #032F8A;
}
.youshi-img img {
width: 550px;
}
.youshi-list {
flex: 1;
margin-left: 20px;
}
.youshi-list p {
color: #666666;
position: relative;
text-indent: 20px;
line-height: 30px;
font-size: 16px;
background: url("../images/list-bj.png") 5px 9px no-repeat;
}
.jiesao-img {
width: 600px;
color: #FFF;
line-height: 180%;
font-size: 16px;
margin-top: 20px;
}
.jiesao-img p {
font-size: 22px;
margin-top: 20px;
}
.kunhuo-title {
width: 100%;
}
.kunhuo-title img {
display: block;
margin: auto;
margin-top: 30px;
}
.kunhuo-content {
display: flex;
flex-direction: row;
}
.kunhuo-content-right {
flex: 1;
padding-top: 70px;
}
.kunhuo-content-list {
border-bottom: 1px dashed #CCCC;
padding-bottom: 10px;
margin-bottom: 52px;
}
.kunhuo-content-list h3 {
color: #024397;
font-size: 20px;
padding-bottom: 10px;
}
.kunhuo-content-list p {
color: #666;
font-size: 14px;
}
.new-flex {
display: flex;
flex-direction: row;
}
.newText-list {
flex: 1;
}
.newText-list2 {
margin: 0 30px;
}
.newText-list h3 {
font-size: 18px;
/* font-weight: normal; */
color: #024397;
border-bottom: 2px solid #024397;
padding-bottom: 5px;
margin-bottom: 10px;
}
.newText-list h3 a {
float: right;
font-size: 14px;
}
.newText-list ul li {
list-style: none;
line-height: 200%;
font-size: 14px;
border-bottom: 1px dashed #dddd;
margin-bottom: 5px;
padding-bottom: 5px;
overflow: hidden;
}
.newText-list ul li a {
color: #333;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
display: inline-block;
width: 70%;
float: left;
}
.newText-list ul li span {
float: right;
color: #999;
}
.newText-list a:hover {
color: red;
}
.jianjie {
background: #009fe9;
width: 100%;
overflow: hidden;
padding: 25px 0;
}
.about_flex {
width: 1200px;
margin: auto;
}
.about_flex dl {
font-size: 16px;
color: #FFF;
text-align: center;
width: 25%;
float: left;
}
.about_flex dl .icon {
font-size: 40px;
}
.about_flex dt span {
font-size: 32px;
font-weight: bold;
/* color: #005099; */
}
@media (max-width: 768px) {
.youshi-img {
display: none;
}
.product-list .case-list ul li:nth-child(9){display:none}
.product{
display:block;
}
.product-nav ul{
min-height: auto;
}
.product-nav h3{ display: none;}
.profldh{ display: none;}
.product-nav ul {
border: none;
}
.product-nav ul li a {
margin: 0 1%;
margin-bottom: 10px;
border-radius: 5px;
background: #eeeeee;
text-align: center;
font-size: 12px;
color: #333333;
display: inline-block;
transition: all 0.5s;
padding: 8px 0;
float: left;
line-height: normal;
width: 31%;
}
.product-nav {
width: 100%;
}
.jiesao-img {
display: none;
}
.youshi-number {
display: none;
}
.youshi-list {
margin: 0 10px;
}
.youshi {
margin-bottom: 0;
}
.youshi-flex h1 b {
font-size: 18px;
}
.youshi-flex h1 {
font-size: 14px;
}
.anli {
width: 100%;
}
.fn {
margin-top: 10px;
}
.fn li {
width: 48%;
margin: 1%;
height: 200px;
}
.fn_title {
left: 0;
top: 50%;
width: 100%;
height: 44px;
margin-top: -22px;
margin-left: 0;
}
.product-list .case-list ul li {
width: 48%;
margin: 1%;
height: 140px;
}
.jiesao {
width: 100%;
}
.jiesao ul li img {
width:auto;
max-width: 70%;
}
.jiesao2 ul li {
width: 50%;
}
.jiesao ul li h3 {
font-size: 16px;
margin-top: 10px;
margin-bottom: 10px;
}
.power h2 {
font-size: 24px;
margin-bottom: 10px;
}
.about-left h2 {
font-size: 24px;
margin-bottom: 0;
}
.about-left h3 {
font-size: 18px;
padding-bottom: 5px;
margin-top: 10px;
}
.about_flex{
width: 100%;
}
.about_flex dl {
margin-bottom: 15px;
font-size: 14px;
width: 50%;
}
.about_flex dt span {
font-size: 28px;
}
.about-left h3 span {
display: none;
}
.about-left img {
width: 100%;
}
.about-left h4 {
font-size: 16px;
}
.about-img {
display: none;
}
.new-title h3 {
font-size: 20px;
margin-bottom: 10px;
}
.new-title {
text-align: center;
padding: 15px 0;
}
.gengduo a {
padding: 8px 30px;
margin: 10px auto;
}
.new-box-img {
display: none;
}
.kunhuo-content img {
display: none;
}
.kunhuo-content-list {
margin: 10px 10px;
}
.kunhuo-content-list h3 {
font-size: 18px;
}
.new-flex {
display: block;
}
.newText-list {
margin: 15px;
}
.newText-list2 {
margin: 15px;
}
.about {
margin: 0;
}
.kunhuo-title {
display: none;
}
.kunhuo-content-right {
padding-top: 10px;
}
}
/* 本例åcss */
.picMarquee-left {
width: 1200px;
margin: auto;
overflow: hidden;
position: relative;
}
.picMarquee-left .bd ul {
overflow: hidden;
zoom: 1;
}
.picMarquee-left .bd ul li {
float: left;
display: block;
overflow: hidden;
text-align: center;
width: 240px;
background: #024397;
}
.picMarquee-left .bd ul li {
text-align: center;
}
.picMarquee-left .bd ul li img {
width: 240px;
margin: 10px;
height: 290px;
display: block;
}
.picMarquee-left .bd ul li .title {
font-size: 14px;
}
/*æ–°é—»*/
.new-list-flex {
width: 1200px;
margin: auto;
overflow: hidden;
}
.new-list-flex ul li {
list-style: none;
margin-bottom: 20px;
border-bottom: 1px dashed #dddd;
padding-bottom: 20px;
overflow: hidden;
}
.flex {
display: flex;
flex-direction: row;
}
.new-right {
flex: 1;
}
.new-list-flex-img {
width: 120px;
height: 90px;
margin-right: 10px;
overflow: hidden;
}
.new-list-flex-img img {
width: 100%;
height: auto;
min-height: 90px;
}
.new-list-flex-title {
font-size: 16px;
color: #333;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 1;
/*显示行数*/
-webkit-box-orient: vertical;
word-break: break-all;
}
.new-list-flex-time {
font-size: 14px;
color: #CCC;
}
.new-list-flex-introduction {
font-size: 14px;
line-height: 160%;
color: #999;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
/*显示行数*/
-webkit-box-orient: vertical;
word-break: break-all;
}
.new-list-flex ul li:first-child {
width: 36%;
float: left;
margin: 0;
margin-right: 20px;
border: none;
}
.new-list-flex ul li:first-child .flex {
display: block;
}
.new-list-flex ul li:first-child .new-list-flex-img {
width: 100%;
height: 410px;
overflow: hidden;
margin-bottom: 10px;
}
.new-list-flex ul li:first-child .new-list-flex-img img {
width: 100%;
height: auto;
min-height: 410px;
}
.canpin-list {
width: 100%;
}
.canpin-list ul li {
width: 280px;
margin: 10px;
float: left;
list-style: none;
position: relative;
}
.canpin-list-img{
height: 240px;
width:100%;
box-shadow: 0 0 3px rgb(0 0 0 / 20%);
}
.canpin-list ul li img {
height: 100%;
width: auto;
display: block;
margin: auto;
transition: all 0.6s;
}
.canpin-list ul li:hover img {
transform: scale(1.2);
}
.canpin-list ul li span {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
box-sizing: border-box;
display: block;
padding: 10px;
color: #333;
font-size: 16px;
letter-spacing: 1px;
text-align:center
}
.canpin-list ul li:hover span {
color: #005099;
}
.canpin-list ul li:hover .canpin-list-img {
border:1px solid #005099
}
.youshi_bj{
background:url(../images/bj.jpg);
background-size: cover;
background-position: center;
padding-bottom:20px;
}
@media (max-width: 768px) {
.youshi-text {
padding-top: 0px;
}
.canpin-list ul li {
width: 48%;
margin: 1%;
}
.canpin-list-img{
height: 160px;
}
.canpin-list ul li span {
font-size: 14px;
}
.new-list-flex {
width: 100%;
}
.new-list-flex ul li:first-child {
display: none;
}
.new-list-flex ul li {
list-style: none;
margin: 0 10px;
margin-bottom: 10px;
border-bottom: 1px dashed #dddd;javascript:;
padding-bottom: 10px;
overflow: hidden;
}
.canpin-list ul li:first-child {
display: none
}
}
@font-face {
font-family: "iconfont"; /* Project id 3206714 */
src: url('//at.alicdn.com/t/font_3206714_l9nlxycgqui.woff2?t=1651421875458') format('woff2'),
url('//at.alicdn.com/t/font_3206714_l9nlxycgqui.woff?t=1651421875458') format('woff'),
url('//at.alicdn.com/t/font_3206714_l9nlxycgqui.ttf?t=1651421875458') format('truetype');
}
.iconfont {
font-family: "iconfont" !important;
font-size: 16px;
font-style: normal;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-shouhou:before {
content: "\e69c";
}
.icon-youzhi:before {
content: "\e637";
}
.icon-tuijian:before {
content: "\e609";
}
.icon-zhiliangguanlixin:before {
content: "\e60f";
}
.icon-shiziduiwu:before {
content: "\e6cd";
}
.icon-fuwu:before {
content: "\eb36";
}
.icon-xiaoguoyouxiu:before {
content: "\e699";
}
.icon-hangcheng:before {
content: "\e668";
}
.icon-yuangong:before {
content: "\e64e";
}
.icon-wodezijin:before {
content: "\e73d";
}
.icon-yuangong1:before {
content: "\e600";
}
.icon--yuangong:before {
content: "\e603";
}
.icon-gongsichenglibiangengzhuxiaoshenqingliucheng:before {
content: "\e658";
}
.icon-zijin:before {
content: "\e7cb";
}
.icon-pinzhong:before {
content: "\ecab";
}
.icon-pinzhong1:before {
content: "\ed19";
}